<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title><tiles:getAsString name="title"/></title>
		<link type="text/css" href="/static/css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
		<style type="text/css">
			body { font-size:small;}
			.toggler { width: 480px; height: 200px; position: relative;}
			.small {font-size:small; }
			#button { padding: .5em 1em; text-decoration: none; }
			#effect { width: 160px; height: 140px; padding: 0.4em; position: relative; }
			#effect h5 { margin: 0; padding: 0.4em; text-align: center; }
			.ui-effects-transfer { border: 3px dotted gray; } 
		</style>
		<script type="text/javascript" src="/static/js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery-ui-1.7.2.custom.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery.layout.js"></script>
		<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
		<script type="text/javascript">
			$(function() {
				$("#tabs").tabs();
			});
    		$(document).ready(function () {
        		$('body').layout({ applyDefaultStyles: true });
      		});
		</script>
	</head>
	<body>
		<div class="ui-layout-north">
			<tiles:insertAttribute name="header" />
		</div>
		<%--<div class="ui-layout-west">
			<tiles:insertAttribute name="quickAccess" />
			<tiles:insertAttribute name="recommendMusic" />
		</div>	
		
		--%>
		<div class="ui-layout-center">
			<tiles:insertAttribute name="exceptionMsg" />
		</div>	
		
		<%--<div class="ui-layout-east">
			<tiles:insertAttribute name="recentAlbums" />
			<tiles:insertAttribute name="recentPlaylists" />
		</div>
		
		--%><div class="ui-layout-south">
			<tiles:insertAttribute name="footer" />
		</div>	
	</body>
</html>